.root {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    
    .titlebar-center{
        justify-content: center;
    }
    .custom-titlebar {
        display: flex;
        align-items: center;
        /* 避免被收缩 */
        flex-shrink: 0;
        /* 高度与 main.js 中 titleBarOverlay.height 一致  */
        height: 35px;
        /* 标题栏始终在最顶层（避免后续被 Modal 之类的覆盖） */
        z-index: 9;
        background-color: #23272e;
        color: white;
        padding-left: 12px;
        font-size: 14px;

        /* 避免选中窗口标题 */
        user-select: none;
        /* 设置该属性表明这是可拖拽区域，用来移动窗口 */
        -webkit-app-region: drag;

        .title {
            font-weight: 700;
            font-size: 15px;
            display: flex;
            align-items: center;

            img {
                width: 25px;
                margin-right: 3px;
            }
        }

        .action {
            margin-left: 10px;
            -webkit-app-region: no-drag;

            .exec-segmented {
                background-color: #23272e;

                .ant-segmented-item {
                    color: rgba(255, 255, 255, 0.8);

                    .ant-segmented-item-label {
                        padding: 0 8px;
                        line-height: 20px;
                        min-height: 20px;
                    }
                }
            }

            //  解决这个问题 https://github.com/ant-design/ant-design/issues/37192
            .setSelected(@n, @i: 1) when (@i =< @n) {
                .exec-segmented-selected-@{i} {
                    .ant-segmented-group {
                        label:nth-last-child(@{i}) {
                            color: rgba(0, 0, 0, 0.8);
                        }
                    }
                }

                .setSelected(@n, (@i + 1));
            }

            .setSelected(4);

            // .exec-segmented-selected-1 {
            //     .ant-segmented-group {
            //         label:nth-last-child(1) {
            //             color: rgba(0, 0, 0, 0.8);
            //         }
            //     }
            // }

            // .exec-segmented-selected-2 {
            //     .ant-segmented-group {
            //         label:nth-last-child(2) {
            //             color: rgba(0, 0, 0, 0.8);
            //         }
            //     }
            // }

            .other-action {
                color: rgba(255, 255, 255, 0.8);
                display: inline-block;
                margin-left: 6px;

                &>div {
                    cursor: pointer;
                }

                .other-action-item {
                    cursor: pointer;

                    .ant-dropdown {
                        background-color: #23272e;
                        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

                        .ant-dropdown-menu {
                            background-color: #23272e;

                            .ant-dropdown-menu-item {
                                color: rgba(255, 255, 255, 0.8);

                                &:hover {
                                    background-color: purple;
                                }
                            }
                        }

                    }
                }



            }
        }
    }

    .content {
        /* 内容区需要设置可滚动 */
        overflow: auto;
        height: calc(100vh - 35px);
    }
}